.uni-wid {
	width: 92%;
	margin: 0 auto;
}
/* 弹性布局 */
.display_flex {
	display: flex;
}
.flex_dc{
	flex-direction: column;
}
.flex_r{
	flex-direction: row-reverse;
}

.flex {
	flex: 1;
}
.flex_shrink{
	flex-shrink: 0;
}

.jusc_between {
	justify-content: space-between;
}

.flex_wrap {
	flex-wrap: wrap;
}

.jusc_around {
	justify-content: space-around;
}

.jusc_start {
	justify-content: flex-start;
}
.jusc_center{
	justify-content: center;
}
.jusc_end{
	justify-content: flex-end;
}
.ali_self_end{
	align-self:flex-end
}
.alit_center {
	align-items: center;
}
.alit_end{
  align-items: flex-end;
}
.alit_start{
  align-items: flex-start;
}
.ali_cont_between{
	align-content:spance-between
}
.ali_cont_around{
	align-content:spance-around
}
.ali_cont_start{
	align-content:flex-start
}
.ali_cont_end{
	align-content:flex-end
}
.ali_cont_center {
	align-content:center 
}

.over_one{
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.over_two{
	overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
	text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
	display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
	-webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
	-webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.sticky{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: -webkit-sticky;
	/* #endif */
	position: sticky;
	top: var(--window-top);
	z-index: 99;
}
